<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>


    <!-- 字体图标 -->
    <link rel="stylesheet" href="../static/plugins/font-awesome/css/font-awesome.min.css">
    <!-- 基类样式 -->
    <link rel="stylesheet" href="../static/css/base.css">

    <!-- 公共头 -->
    <link rel="stylesheet" href="../static/layout/head_tips.css">

    <!-- 首页样式 -->
    <link rel="stylesheet" href="../static/layout/main.css">


    <script src="../static/js/jquery.js"></script>

    <!-- 三方工具类 -->
    <script src="../static/js/lodash.js"></script>

    <!-- vue -->
    <script src="../static/plugins/iview/vue.min.js"></script>

    <script src="../static/js/jquery.slimscroll.js"></script>

    <link rel="stylesheet" href="../static/plugins/layer/skin/default/layer.css">
    <script src="../static/plugins/layer/layer.js"></script>

    <!-- <script src='https://cdn.bootcss.com/jQuery-slimScroll/1.3.8/jquery.slimscroll.js'></script> -->


    <div class="container sidelayout" id="app">

        <div id="top_tips_wrap" class="clearfix">
            <div class="top_tips_left fl wp40">
                <span>江苏梦神彩科技股份有限公司</span>
                <span>组件化开发平台</span>
            </div>
            <div class="top_tips_right  fr wp60 inline-block-container">



                <div id="fullscreen-toggler">
                    <i class="fa i-fullscreen"></i>
                    <span>全屏</span>
                </div>


                <div>
                    <i class="fa i-favour"></i>
                    <span>收藏</span>
                </div>


                <div>
                    <i class="fa i-help"></i>
                    <span>
                                                <a href="help.html" target="_blank">帮助</a>
                                            </span>
                </div>

                <div>
                    <i class="fa  i-download"></i>
                    <span>下载</span>
                    <i class="fa fa-angle-down"></i>
                    <ul>
                        <li>
                            <a href="">谷歌浏览器下载</a>
                        </li>
                        <li>
                            <a href="">IE浏览器下载</a>
                        </li>

                    </ul>
                </div>

                <div>
                    <i class="fa i-user"></i>
                    <span>王孟贵,您好</span>
                    <i class="fa fa-angle-down"></i>
                    <ul>
                        <li>
                            <a href="">人个信息</a>
                        </li>
                        <li>
                            <a href="">安全设置</a>
                        </li>

                    </ul>
                </div>


                <div>
                    <i class="fa fa-user-circle-o"></i>
                    <span>模板切换</span>
                    <i class="fa fa-angle-down"></i>
                    <ul>
                        <li>
                            <a href="side.html?type=logo_two">侧边图标大</a>
                        </li>
                        <li>
                            <a href="side.html?type=logo_one">侧边图标小</a>
                        </li>
                        <li>
                            <a href="side.html?type=logo_three">侧边图标(企业信息)</a>
                        </li>
                        <li>
                            <a href="horizontal.html">水平横向</a>
                        </li>
                        <li>
                            <a href="horizontal_side.html">水平侧边</a>
                        </li>
                        <li>
                            <a href="side_cloud.html">云桌面</a>
                        </li>

                    </ul>
                </div>


            </div>
        </div>



        <div id="main_wrap" class="clearfix">



            <div id="main_side" class="">
                <div class="logo logo_one ohid clearfix">
                    <span class="logo_big">组件化平台</span>
                    <span class="logo_small">组</span>
                </div>
                <div class="logo logo_two ohid clearfix">
                    <span class="logo_big"></span>
                    <span class="logo_small"></span>
                </div>
                <div class="logo logo_three ohid clearfix">
                    <div class="logo_big">
                        <img src="../static/images/main/logo3.jpg" style="width:68px;height:68px;margin-top:16px;" alt="">
                        <div class="title">
                            <p>江苏梦兰神采</p>
                            <p>科技股份有限公司</p>
                        </div>
                        <div class="detail">
                            <p>法人名称：李双阳</p>
                            <p>法人编号：L10005</p>
                            <p>企业地址：江苏省苏州市工业园区娄阳路特1号</p>
                        </div>

                    </div>
                    <span class="logo_small"></span>
                </div>
                <side-menu-sc v-bind:menu-list="menuList" v-bind:inner-page="innerPage"></side-menu-sc>
            </div>




            <div id="main_content">
                <div id="head_nav_wrap" class="inline-block-container clearfix">


                    <div class="toggle_slide clearfix">
                        <div class="triangle"></div>
                    </div>

                    <div class="fun fr inline-block-container  clearfix">

                        <div class="each_right_fun each_right_fun_search">
                            <input type="text" class="nav-search" placeholder="请输入内容">
                            <i class="fa fa-search"></i>
                        </div>

                        <div class="each_right_fun" href="" v-on:click.stop.prevent="changeHasTop()">
                            <i class="fa fa-newspaper-o"></i>
                        </div>

                        <div class="each_right_fun">
                            <i class="fa fa-bell"></i>
                            <ul class="each_right_fun_msg_ul">
                                <li>
                                    <span>消息通知</span>
                                    <a href="" class="c_3385ff">(21)</a>
                                </li>
                                <li>
                                    <div class="top clearfix">
                                        <span class="left_icon">
                                                                                                                
                                                                                                        </span>

                                        <span>消息类型</span>
                                        <span class="time">
                                                                                                            09-06
                                                                                                            12:00
                                                                                                        </span>
                                    </div>
                                    <div class="msg_content">
                                        轻轻的我走了,正如我轻轻地来,我轻轻的招手,作别西天的云彩...
                                    </div>
                                </li>
                                <li>
                                    <div class="top clearfix">
                                        <span class="left_icon">
                                                                                                                    
                                                                                                            </span>

                                        <span>消息类型</span>
                                        <span class="time">
                                                                                                                09-06
                                                                                                                12:00
                                                                                                            </span>
                                    </div>
                                    <div class="msg_content">
                                        轻轻的我走了,正如我轻轻地来,我轻轻的招手,作别西天的云彩...
                                    </div>
                                </li>
                                <li>
                                    <div class="top clearfix">
                                        <span class="left_icon">
                                                                                                                        
                                                                                                                </span>

                                        <span>消息类型</span>
                                        <span class="time">
                                                                                                                    09-06
                                                                                                                    12:00
                                                                                                                </span>
                                    </div>
                                    <div class="msg_content">
                                        轻轻的我走了,正如我轻轻地来,我轻轻的招手,作别西天的云彩...
                                    </div>
                                </li>
                                <li>
                                    <a href="">查看更多...</a>
                                </li>

                            </ul>
                        </div>

                        <a class="each_right_fun each_right_fun_sign-out" href="../login/login.html">
                            <i class="fa fa-sign-out"></i>
                        </a>
                    </div>


                </div>
                <main-content-sc v-bind:inner-page="innerPage"></main-content-sc>
            </div>



        </div>


    </div>

    <template id="side_menu_tpl" class="vue-tpl">
        
                <ul class='nav_ul_one'>

                        <li v-for="(one,index) in menuList" v-bind:data-id="one.id"  v-bind:data-pid="one.pid" v-bind:class="{ 'active': one.active }" v-on:click.stop="oneMenuClick(one,index)" >
                                
                            <a class="f_item inline-block-container clearfix">
                                    <span class="icon_area">
                                        <i class="fa" v-bind:class="one.iconCls" ></i>
                                    </span>
                                    <span class="menuName">{{ one.menuName }}</span>
                                    <span v-if="(one.tipsNum>0)" class="label">{{one.tipsNum}}</span>
                                    <i v-if="(one.tipsNum==undefined||one.tipsNum==0)&&one.children!=null&&one.children.length>0" class="fa  nav-right-icon" v-bind:class="{ 'fa-angle-up': one.active,'fa-angle-down': !one.active }"></i>
                            </a>
                            
                            <ul v-if="one.children && one.children.length>0" class="nav_ul_two"  >

                                <li v-for="(two,subIndex) in one.children" v-bind:class="{ 'active': two.active }"  v-bind:data-id="two.id"  v-bind:data-pid="one.pid" v-on:click.stop="twoMenuClick(two,subIndex,index)" >
                                        <span>{{ two.menuName }}</span>
                                    </a>
                                </li>

                            </ul>
                                
                        </li>

                    
                </ul>
            
    </template>

    <template id="main_content_tpl" class="vue-tpl">

        <div id="main_iframe" v-bind:class="{'no_main_content_top':!(innerPage.hasTop),'no_main_content_title':!(innerPage.hasTitle)}">

            <div class="main_content_top" v-if="innerPage.hasTop" >
                
                    <a v-if="innerPage.pages!=null&&innerPage.pages.length>5" class="backward" v-on:click.stop="backward_tabs">
                            <i class="fa fa-backward"></i>
                    </a>
                <ul class="swiper-wrapper" v-if="innerPage.pages!=null&&innerPage.pages.length>0">
                    
                    <li  class="swiper-slide" v-bind:class="{'active':page.active}" v-for="(page,index) in innerPage.pages"  v-on:click.stop="changePageUrl(page)">
                        {{page.menuName}}
                       
                        <i class="fa fa-times-circle" v-on:click.stop="delPage(page)"></i>
                    </li>
                </ul>
                <a v-if="innerPage.pages!=null&&innerPage.pages.length>5" class="forward" v-on:click.stop="forward_tabs">
                        <i class="fa fa-forward"></i>
                </a>
                <a class="downQuickOpeate fr" v-on:click.stop="closePage(3)">关闭当前
                        <i class="fa fa-angle-down">&nbsp;</i>
                        <ul>   
                            <li v-on:click.stop="changeHasTop()">退出标签</li>
                            <li v-on:click.stop="closePage(2)">关闭其它</li>
                            <li v-on:click.stop="closePage(1)">关闭所有</li>
                        </ul>
                </a>
            </div>


            <div class="main_content_tile" v-if="!innerPage.hasTop" >
                <div id="banner-wrap" v-for="page in innerPage.pages" v-if="page.active==true">
                            <span  class="each-barner" v-for="path in page.menuPath">
                                    <i class="fa fa fa-th-large"></i>&nbsp;
                                    {{path}}
                                    
                            </span>
                            <span  class="each-barner">
                                <i class="fa fa fa-th-large"></i>&nbsp;
                                {{page.menuName}}
                            </span>
                    
                </div>
            </div>

            <div id="content-main">
                <iframe v-show="page.active==true" v-for="(page,index) in innerPage.pages" class="J_iframe" name="iframe0" width="100%" height="100%" v-bind:src="page.url" frameborder="0" v-bind:data-id="page.url" seamless></iframe>
            </div>

        </div>
    </template>

    <script src="../static/layout/layoutComponent.js"></script>


</body>

</html>